@import "common.less";
.footerDirective{
    width: 100%;
    height: 484px;
    background-color: rgb(35, 42, 48);
    background: url('../images/footer-bg.jpg') center center no-repeat;
    background-size: cover;
    &>.footerBox{
        width: @contentWidth;
        margin: 0 auto;
         &>.top{
            width: 100%;
            height: 100%;
            padding-top: 80px; 
            padding-left: 90px;
             &>.contact{
                &>ul{
                    margin-left: 50px;
                    &>li{
                        font-size: 14px;
                        height: 24px;
                        line-height: 24px;
                        color: rgb(255, 255, 255);
                    }
                    &>li:first-child{
                        font-size: 36px;
                        height: 50px;
                        line-height: 50px;
                        margin-bottom: 34px;
                         &>em{
                            display: inline-block;
                            vertical-align: middle;
                            width: 46px;
                            height: 50px;
                            background: url('../images/icon1.png') 0 -1132px no-repeat;
                            margin-right: 30px;
                        }
                    }
                }
            }
             &>.item-list{
                 &>.item{
                    margin-left: 15px;
                     &>p{
                        color: rgb(255, 255, 255);
                        font-size: 16px;
                    }
                     &>ul{
                         &>li{
                             &>a{
                                display: block;
                                height: 30px;
                                line-height: 30px;
                                color: rgb(196, 196, 196);
                                font-size: 14px;
                            }
                        }
                    }
                }
            }
        }  
         &>.bottom{
            width: 100%;
             &>img{
                display: block;
                margin: 0 auto;
                margin-top: 100px;
            }
        }    
    }
    &>.footer-bottom{
        width: 100%;
        height: 50px;
        background-color: rgb(25, 30, 34);
        margin-top: 51px;
         &>p{
            color: rgb(204, 204, 204);
            text-align: center;
            font-size: 14px;
            height: 50px;
            line-height: 50px;
            margin: 0;
        }
    }
}

// 关于我们页面
//banner大图片
.aboutus-img{
    width: 100%;
    height: 506px;
    background: url('../images/banner.jpg') center center no-repeat;
    background-size: cover;
}
.my-main{
    width: 100%;    
     &>.container{
        margin-top: 90px;
        width: @contentWidth;
        min-height: 800px;
        padding: 0;
        position: relative;
        &>.left{
           width: 200px;
            position: absolute;
            top:-140px;
            left: 0;
       }
        &>.right{
           margin-left: 230px;
           border-top: 1px solid rgb(230, 230, 230);
           width: 1050px;
           padding-top: 10px;
           position: relative;
           &>p{
               font-size: 24px;
               position: absolute;
               top:-50px;
               color: rgb(51, 51, 51);
           }
           &>.group-profile, &>.company-culture{
               width: 100%;
               &>img{
                display: block;
                width: 100%;
                height: 390px;
                }
                &>.detail{
                    line-height: 33px;
                    margin-top: 15px;
                    font-size: 16px;
                    color: rgb(51, 51, 51);
                    padding-bottom: 70px;
                    text-indent: 30px;
                }
           }
            &>.honors{
                width: 100%;
                &>ul{
                    margin-bottom: 100px;
                    &>li{
                        padding: 18px;
                        border: 2px solid transparent;
                        &>a{
                            display: block;
                            &>div.left-img{
                                &>img{
                                    display: block;
                                    width: 160px;
                                    height: 120px;                               
                                }
                            }
                            &>div.right-detail{
                                width: 830px;
                                margin-left: 20px;
                                &>p{
                                    height: 25px;
                                    &>span:nth-child(1){
                                        display: inline-block;
                                        padding: 6px 10px;
                                        background-color: rgb(52, 152, 219);
                                        color: rgb(255, 255, 255);
                                        font-size: 12px;
                                    }
                                    &>span:nth-child(2){
                                        margin-left: 10px;
                                        color: rgb(51, 51, 51);
                                        font-size: 18px;
                                    }
                                    &>span:nth-child(3){
                                        display: inline-block;
                                        padding-left: 24px;
                                        height: 25px;
                                        line-height: 25px;
                                        background: url('../images/clock.png') 0px 5px no-repeat;
                                        font-size: 12px;
                                        width: 148px;
                                    }
                                }
                                &>div{
                                    line-height: 26px;
                                    color: rgb(105, 105, 105);
                                }
                            }  
                        }
                        
                    }
                    &>li:hover{
                        border: 2px solid rgb(52, 152, 219);
                    }
                }
                
            }
            &>.company-culture{
                width: 100%;
              &>ul{
                  padding-bottom: 100px;
                  &>li{
                      width: 225px;
                      height: 325px;
                      text-align: center;
                      border: 1px solid rgb(235, 235, 235);
                      box-shadow: 1px 1px 1px rgb(235, 235, 235);
                      padding: 30px 15px;
                      margin-right: 18px;
                    &>h4{
                        font-size: 20px;
                    }
                    &>b{
                        display: block;
                        width: 40px;
                        border: 1px solid rgb(52, 152, 219);
                        margin:  0 auto;
                    }
                    &>h5{
                        color: rgb(105, 105, 105);
                    }
                    &>div{
                        text-align: left;
                        height: 180px;
                        margin-top: 20px;
                        line-height: 20px;
                        color: rgb(105, 105, 105);
                        overflow:hidden;
                        text-overflow:ellipsis;
                        word-wrap: break-word;
                    }
                  }
              }
           }
           .staff-style{
               width: 100%;
               &>ul{
                   width: 910px;
                   &>li{
                       border-bottom: 1px solid rgb(230, 230, 230);
                       &>a{
                           display: block;
                           padding: 30px 0;
                           color: rgb(51, 51, 51);
                           &>div{
                               margin-left: 20px;
                               overflow:hidden;
                               text-overflow:ellipsis;
                               word-wrap: break-word;
                                &>p{
                                   margin-top: 18px;
                               }
                           }
                       }
                   }
               }
               &>.btn-group{
                   margin: 30px 400px 75px;             
               }
           }
           .group-deeds{
                &>ul{
                   width: 100%;
                   padding: 50px 100px;
                   &>li{
                        span.time{
                            font-size: 18px;
                        }  
                         &>em{
                            display: inline-block;
                            height: 52px;
                            width: 52px;
                            border-radius: 50%;
                            border: 1px solid rgb(208, 208, 208);
                            vertical-align: middle;
                            margin:0 30px;
                            
                        } 
                         &>span.description{
                            font-size: 16px;
                        } 
                         &>b{
                            display: block;
                            width: 1px;
                            height: 30px;
                            background-color: rgb(208, 208, 208);
                            margin-left: 100px;
                        }                    
                   }
                 &>li:nth-child(1){
                     &>em{
                        background: url('../images/smallicon.png') 11px 13px no-repeat;
                    }
                }
                 &>li:nth-child(3){
                     &>em{
                        background: url('../images/smallicon.png') 11px -26px no-repeat;
                    }
                }
                 &>li:nth-child(5){
                     &>em{
                        background: url('../images/smallicon.png') 14px -67px no-repeat;
                    }
                }
                 &>li:nth-child(7){
                     &>em{
                        background: url('../images/smallicon.png') 13px -106px no-repeat;
                    }
                }
                 &>li:nth-child(9){
                     &>em{
                        background: url('../images/smallicon.png') 11px -150px no-repeat;
                    }
                }
                 &>li:nth-child(11){
                     &>em{
                        background: url('../images/smallicon.png') 11px -199px no-repeat;
                    }
                }
                 &>li:nth-child(13){
                     &>em{
                        background: url('../images/smallicon.png') 11px -253px no-repeat;
                    }
                }
               }
           }    
           .messages{
               padding-top: 80px;
               min-height: 500px;
               &>p{
                   font-size: 16px;
                   height: 35px;
                   line-height: 35px;
                   color: rgb(51, 51, 51);
                   text-align: center;
               }
           }
           .teacher-team{
               padding-bottom: 60px;
               &>.teachers{
                   margin-top: 40px;                  
                   &>li{
                       width: 216px;
                       height: 298px;
                       border: 1px solid rgb(204, 204, 204);
                       margin-right: 29px;
                       margin-bottom: 30px;
                       &>a{
                           display: block;
                           width: 216px;
                           height: 298px;
                           padding: 14px;
                           &>img{
                            display: block;
                            width: 188px;
                            height: 244px;
                        }
                        &>div{
                            text-align: center;
                            height: 40px;
                            line-height: 40px;
                        }
                     }                      
                   }
               }
           }
       }
    }
}

//新闻资讯页面
.news-img{
    width: 100%;
    height: 506px;
    background: url('../images/zixun-bg.jpg') center center no-repeat;
    background-size: cover;
}
.notice-box{
    border-color: rgb(247, 248, 248);
    .container{
        width: @contentWidth;
        border: 1px solid rgb(225, 225, 225);
        border-top: 7px solid rgb(215, 215, 215);
        margin-top: 32px;
        margin-bottom: 30px;
        padding: 0;
        ul.notice{     
            background-color: rgb(240, 240, 240);
            border-bottom: 1px solid rgb(225, 225, 225);
            height: 65px;
            li{
                a{
                    display: block;
                    font-size: 18px;
                    width: 250px;
                    height: 65px;
                    line-height: 65px;
                    text-align: center;
                    color: rgb(105, 105, 105)
                }
            }
            li.active{
                border-top: 5px solid rgb(52, 152, 219);
                position: relative;
                top: -5px;
                a{
                    background-color: rgb(255, 255, 255);                   
                }
            }
        }
        ul.notice-item{
            padding-top: 40px;
            li{
                padding: 0 50px;
                height: 50px;
                line-height: 50px;
                 border-left: 5px solid transparent;
                p{
                    border-bottom: 2px dotted rgb(115, 115, 115);
                    margin: 0;
                    a{
                        color: rgb(105, 105, 105);
                    }
                    span{
                        color: rgb(208, 208, 208);
                    }
                }
            }
            li:hover{
                border-left: 5px solid rgb(52, 152, 219);
                a{
                    color: rgb(52, 152, 219);
                }
                span{
                    color: rgb(52, 152, 219);
                }
            }
        }
        .button-group{
            width: 150px;
            margin: 70px auto 40px;
            button:first-child{
                margin-right: 10px;
            }
        }
        .panel{
            margin: 0;
            padding: 0 30px;
            .panel-heading{
                padding: 0;
                border-bottom: 1px solid rgb(230, 230, 230);
                font-size: 18px;
                height: 78px;
                line-height: 78px;
            }
            .panel-body{
                padding: 0;
                h3{
                    text-align: center;
                }
                p{
                    font-size: 12px;
                    color: rgb(153, 153, 153);
                    text-align: center;
                    span{
                        margin-right: 10px;
                    }
                }
                &>.detail-content{
                        color: rgb(105, 105, 105);
                        line-height: 30px;
                        margin-bottom: 100px;
                        min-height: 800px;
                        margin-top: 40px;
                    } 
            }
        }
    }
    .bordertop-color{
        border-top-color: rgb(52, 152, 219);
    }
}
// 详情页
#detail,.schoolDetail{
    background-color: rgb(247, 248, 248);
    padding: 30px 0;
    .container{
        width: @contentWidth;
        min-height: 560px;
         .panel{
            margin: 0;
            padding: 0 30px;
            min-height: 500px;
            .panel-heading{
                padding: 0;
                border-bottom: 1px solid rgb(230, 230, 230);
                font-size: 18px;
                height: 78px;
                line-height: 78px;
                ul{
                    li{
                        margin-right: 5px;
                        color: rgb(102, 102, 102);
                        a{
                            color: rgb(102, 102, 102);
                        }
                    }
                }
            }
            .panel-body{
                padding: 0;
                h3{
                    text-align: center;
                }
                .forcenter{
                    font-size: 12px;
                    color: rgb(153, 153, 153);
                    text-align: center;
                    span{
                        margin-right: 10px;
                    }
                }
                &>.detail-content{
                        color: rgb(105, 105, 105);
                        line-height: 30px;
                        margin-bottom: 100px;
                        min-height: 800px;
                        margin-top: 40px;
                    } 
            }
        }
    }
    .bordertop-color{
        border-top-color: rgb(52, 152, 219);
    }
}
// 联系我们
.big-box{
    background-color: rgb(247, 248, 248);
    .register-bg{
        background-color: rgb(247, 248, 248);
    }
    .switch-box,.activities{
        background: rgb(255, 255, 255);
        &>.container{
            margin-top: 90px;
            width: @contentWidth;
            padding: 0;
            position: relative; 
            min-height: 500px;        
            &>.left{
                width: 200px;
                position: absolute;
                top:-140px; 
                left: 0;                
            }             
            &>.right{
                margin-left:230px;
                border-top: 1px solid rgb(230, 230, 230);
                width: 1050px;
                padding-top: 10px;
                position: relative;
                &>.reservation{
                    width: 600px;
                    margin-bottom: 70px;
                    background-color: rgb(247, 248, 248); 
                    border: 1px solid transparent;
                    border-radius: 3px;
                    .panel-heading{
                        text-align: center;
                        color: rgb(52, 152, 219);
                        font-size: 24px;
                        padding: 0;
                        height: 80px;
                        line-height: 80px;
                        border-bottom: 1px solid rgb(204, 204, 204);
                    }
                    .panel-body{
                        padding: 30px 70px 40px;
                        form{
                            .form-group{
                                height: 34px;                  
                                input{
                                    border-radius: 3px;
                                    margin-bottom: 15px;
                                    float: left;
                                }                                       
                            }
                            .form-group:first-child{                 
                                    background: url('../images/contanticon.png') 0px 5px no-repeat;                        
                            }
                            .input-group{
                                margin-bottom: 15px;
                                input{
                                    border-bottom-left-radius: 3px;
                                    border-top-left-radius: 3px;
                                }
                                .input-group-btn{
                                    position: relative;
                                    button{
                                        background-color: transparent;
                                        height: 34px;
                                        border: 1px solid rgb(204, 204, 204);
                                    }
                                    ul.dropdown-menu{
                                        position: absolute;
                                        top: 31px;
                                        left: 0px;
                                    }
                                }        
                            }
                            .row{
                                .col-sm-4{
                                    button{
                                        height: 34px;
                                    }
                                }
                            }
                            .btn-color{
                                background-color: rgb(9, 120, 201);
                                color: rgb(255, 255, 255);
                            }
                        }
                    }
                }
                &>p{
                    font-size: 24px;
                    position: absolute;
                    top:-50px;
                    color: rgb(51, 51, 51);
                }
                &>img{
                    display: block;
                    height: 390px;
                }
                &>.detail{
                    line-height: 33px;
                    margin-top: 15px;
                    font-size: 16px;
                    color: rgb(51, 51, 51);
                    padding-bottom: 70px;
                    text-indent: 30px;
                }
                &>ul.msg{
                    margin-bottom: 120px;
                    &>li{
                        padding: 20px 30px 20px 0;
                        border-bottom: 1px solid rgb(230, 230, 230);
                        &>ul{
                            &>li{
                                font-size: 14px;
                                line-height: 28px;
                                color: rgb(105, 105, 105);
                            }
                            &>li:first-child{
                                font-size: 16px;
                                line-height: 30px;
                                color: rgb(52, 51, 51);
                            }
                        }
                        &>div{
                            a{
                                display: block;
                                width: 90px;
                                height: 30px;
                                line-height: 30px;
                                margin-top: 28px;
                                text-align: center;
                            }
                            &>a.campus{                                  
                                border: 1px solid rgb(52, 152, 219);                                  
                                border-radius: 25px;
                            }
                        }
                    }
                }
                &>ul.complaint{
                    margin-top: 20px;
                    min-height: 1000px;
                    &>li{
                        font-size: 14px;
                        height: 50px;
                        line-height: 50px;
                    }
                    &>li:first-child{
                        font-size: 18px;
                    }
                }
                &>ul.recruitment{
                    margin-bottom: 100px;
                    &>li{
                        padding-top: 20px 0;
                        border-bottom: 1px solid rgb(204, 204, 204);
                        &>.top{
                            height: 110px;
                            padding: 20px 0;
                            &>.left{
                                &>p{
                                    font-size: 18px;
                                    color: rgb(51, 51, 51);
                                    margin-bottom: 20px;
                                }
                                &>div{
                                    color: rgb(102, 102, 102);
                                }
                            }
                            &>.right{
                                p{
                                    color: rgb(51, 51, 51);
                                    height: 70px;
                                    line-height: 70px;
                                    span:nth-child(2){
                                        display: inline-block;
                                        width: 12px;
                                        height: 7px;
                                        background: url('../images/jiantou.png') 0 0 no-repeat;
                                        margin-left: 55px;
                                    }
                                }
                            } 
                        }
                        &>.bottom{
                            &>p{
                                color: rgb(51, 51, 51);
                                font-size: 14px;
                                }
                            &>ul.claim{
                                list-style: circle!important;
                                margin-bottom: 20px;
                                &>li{
                                    height: 30px;
                                    line-height: 30px;
                                    font-size: 14px;
                                }
                            }
                        }
                    }
                    &>li.active{
                        &>.top{
                            &>.right{
                                p{
                                    color: rgb(52,152, 219);
                                    span:nth-child(2){
                                        background:  url('../images/jiantou.png') 0 -17px no-repeat;
                                    }
                                }
                            }
                        }
                    }
                }
                &>ul.student-activity,&>ul.student-style{
                    margin-bottom: 100px;
                    &>li{
                        padding: 18px;
                        border: 2px solid transparent;
                        &>a{
                            display: block;
                            &>div.left-img{
                                &>img{
                                    display: block;
                                    width: 160px;
                                    height: 120px;                               
                                }
                            }
                            &>div.right-detail{
                                width: 830px;
                                margin-left: 20px;
                                &>p{
                                    height: 25px;
                                    &>span:nth-child(1){
                                        display: inline-block;
                                        padding: 6px 10px;
                                        background-color: rgb(52, 152, 219);
                                        border-radius: 3px;
                                        color: rgb(255, 255, 255);
                                        font-size: 12px;
                                    }
                                    &>span:nth-child(2){
                                        margin-left: 10px;
                                        color: rgb(51, 51, 51);
                                        font-size: 18px;
                                    }
                                    &>span:nth-child(3){
                                        display: inline-block;
                                        padding-left: 24px;
                                        height: 25px;
                                        line-height: 25px;
                                        background: url('../images/clock.png') 0px 5px no-repeat;
                                        font-size: 12px;
                                        width: 148px;
                                    }
                                }
                                &>div{
                                    line-height: 26px;
                                    color: rgb(105, 105, 105);
                                }
                            }  
                        }
                        
                    }
                    &>li:hover{
                        border: 2px solid rgb(52, 152, 219);
                    }
                }
                &>.community-activity{
                    padding: 10px 0;
                    margin-bottom: 90px;
                    &>li{ 
                        padding: 20px;  
                        border-bottom: 1px solid rgb(230, 230, 230);                
                            &>.left-img{
                                &>img{
                                    display: block;
                                    width: 100px;
                                    height: 100px;
                                }
                            }
                            &>.right-detail{
                                margin-left: 30px;
                                width: 880px;
                                &>p{
                                    font-size: 18px;
                                    color: rgb(102, 102, 102);
                                }
                                &>div{
                                    color: rgb(102, 102, 102);
                                    line-height: 22px;
                                }
                            }
                        }
                }
            }
            &>.register-online{
                width: 600px;
                border-top: 1px solid transparent;
                margin: 0 auto;
                 &>.register-box{
                    width: 600px;
                    margin: 70px auto 100px;
                    background-color: rgb(255, 255, 255); 
                    border: 1px solid rgb(204, 204, 204);
                    border-radius: 3px;
                    &>.panel-heading{
                        text-align: center;
                        color: rgb(52, 152, 219);
                        font-size: 24px;
                        padding: 0;
                        height: 80px;
                        line-height: 80px;
                        border-bottom: 1px solid rgb(204, 204, 204);
                    }
                    &>.panel-body{
                        padding: 30px 70px 40px;
                        form{
                            .form-group{
                                height: 34px; 
                                margin-bottom: 15px;
                                label{
                                    width: 80px;
                                    font-weight: normal;
                                    font-size: 14px;
                                    color: #555;
                                    height: 34px;
                                    line-height: 34px;
                                }                 
                                input{
                                    border-radius: 3px;
                                    width: 373px;
                                }                                       
                            }
                            .input-group{
                                margin-bottom: 15px;
                                input{
                                    border-bottom-left-radius: 3px;
                                    border-top-left-radius: 3px;
                                }
                                .input-group-btn{
                                    position: relative;
                                    button{
                                        background-color: transparent;
                                        height: 34px;
                                        border: 1px solid rgb(204, 204, 204);
                                    }
                                    ul.dropdown-menu{
                                        position: absolute;
                                        top: 31px;
                                        left: 0px;
                                    }
                                }        
                            }
                            .row{
                                .col-sm-4{
                                    button{
                                        height: 34px;
                                    }
                                }
                            }
                            .btn-color{
                                background-color: rgb(9, 120, 201);
                                color: rgb(255, 255, 255);
                            }
                        }                                                           
                    }
                }
            }
            ///////////////////
            &>.school-registration{
                width: 1190px;
                border: 1px solid rgb(230, 230, 230);
                border-top: 3px solid rgb(230, 230, 230);
                margin-bottom: 60px;
                background-color: rgb(255, 255, 255);
                &>ul{
                    background-color: rgb(240, 240, 240);
                    &>li{
                        border-top:  3px solid transparent;
                        position: relative;
                        height: 50px;
                        top:-2px;
                        a{
                            display: block;
                            width: 150px;
                            height: 50px;
                            line-height: 50px;
                            text-align: center;
                            font-size: 16px;
                        }
                    }
                    &>li.active{
                        border-top:  3px solid rgb(52, 152, 219);                       
                        a{
                            background-color: rgb(255, 255, 255);      
                        }
                    }
                }
                &>.register-box{
                    width: 600px;
                    margin: 70px auto 100px;
                    background-color: rgb(255, 255, 255); 
                    border: 1px solid rgb(204, 204, 204);
                    border-radius: 3px;
                    &>.panel-heading{
                        text-align: center;
                        color: rgb(52, 152, 219);
                        font-size: 24px;
                        padding: 0;
                        height: 80px;
                        line-height: 80px;
                        border-bottom: 1px solid rgb(204, 204, 204);
                    }
                    &>.panel-body{
                        padding: 30px 70px 40px;
                        form{
                            .form-group{
                                height: 34px;                  
                                input{
                                    border-radius: 3px;
                                    margin-bottom: 15px;
                                    float: left;
                                }                                       
                            }
                            .form-group:first-child{                 
                                background: url('../images/contanticon.png') 0px 5px no-repeat;                        
                            }
                            .input-group{
                                margin-bottom: 15px;
                                input{
                                    border-bottom-left-radius: 3px;
                                    border-top-left-radius: 3px;
                                }
                                .input-group-btn{
                                    position: relative;
                                    button{
                                        background-color: transparent;
                                        height: 34px;
                                        border: 1px solid rgb(204, 204, 204);
                                    }
                                    ul.dropdown-menu{
                                        position: absolute;
                                        top: 31px;
                                        left: 0px;
                                    }
                                }        
                            }
                            .row{
                                .col-sm-4{
                                    button{
                                        height: 34px;
                                    }
                                }
                            }
                            .btn-color{
                                background-color: rgb(9, 120, 201);
                                color: rgb(255, 255, 255);
                            }
                        }                                                           
                    }
                }
                &>.enrolment{
                    .panel{
                        margin: 0;
                        &>.panel-body{
                            padding: 50px;
                            form{
                                .row:nth-child(12),.row:nth-child(13),.row:nth-child(14){
                                    margin-top: 30px;
                                }
                                .btn-color{
                                    background-color: rgb(9, 120, 201);
                                    color: rgb(255, 255, 255);
                                    margin-top: 30px;
                                }
                                &>p{
                                  margin-top: 10px;
                                  span{
                                      color: rgb(232, 60, 60);
                                  }  
                                }
                                .form-group{
                                    label{
                                        width: 100px;
                                        font-weight: normal;
                                        text-align: justify;
                                        span{
                                            color: rgb(232, 60, 60);
                                        }
                                    }
                                } 
                                .col-sm-4{
                                    .form-group{
                                        input{
                                            width: 202px;
                                        }
                                        select{
                                            width: 202px;
                                            text-align: center;
                                        }
                                        div{
                                            img{
                                                display: block;
                                                width: 100px;
                                                height: 72px;
                                                margin-bottom: 8px;
                                            }
                                        }
                                    }
                                }
                                .col-sm-8{
                                    .form-group{
                                        input{
                                            width: 574px;
                                        }
                                    }
                                }
                            }
                        }
                    }                  
                }                       
            }
        } 
    }  
}
// 集团业务
.business-img{
    width: 100%;
    height: 520px;
    background: url('../images/business.jpg') center center no-repeat;
    background-size: cover;
    &>.container{
        width: @contentWidth;
        height: 100%;
        &>p{
            height: 36px;
            font-size: 36px;
            color: rgb(255, 255, 255);
            text-align: center;
            margin-top: 50px;
            margin-bottom: 30px;
        }
        &>div{
            padding-top: 40px;
            img{
                display:inline-block;
                width: 170px;
                height: 60px;
                vertical-align: middle;
            }
            &>div{
                padding-left: 60px;
                width: 900px;
                margin: 0 auto;
                color: rgb(218, 219, 222);
            }
            &>p:nth-child(1){
                background: url('../images/1s.png') 0 0 no-repeat;
            }
            &>p:nth-child(2){
                background: url('../images/2s.png') 0 0 no-repeat;
            }
            &>p:nth-child(3){
                background: url('../images/3s.png') 0 0 no-repeat;
            }
            &>p:nth-child(4){
                background: url('../images/4s.png') 0 0 no-repeat;
            }
        }
         &>ul{
              margin-top: 50px;
              padding: 0 100px 0 150px;
              li{
                    margin-right: 30px;
                    margin-top: 20px;
                    width: 170px;
                    height: 60px;    
                    padding: 1px;
                    border: 1px solid rgb(204, 204, 204);
                    box-sizing: border-box;              
                  a{
                    display: block;
                    width: 100%;
                    height: 100%;                                                                
                  }                
              }
              li.active{
                   border: 2px solid rgb(255, 255, 255);
                    padding: 0;
              }
          }
    }
}
.business-school{
    background-color: rgb(247, 248, 248);
    &>.container{
        width: @contentWidth;
        &>.panel{
            margin-top: 30px;
            &>.panel-heading{
                background-color: rgb(255, 255, 255);
                padding: 24px 0 20px 40px;
                &>p{
                    font-size: 16px;
                    width: 100px;
                    height: 40px;
                    line-height: 40px;
                    border: 1px solid rgb(52, 152, 219);
                    text-align: center;
                    border-radius: 25px;
                    margin: 0;
                }
            }
            &>.panel-body{
                padding: 20px 30px 30px 60px;
                &>ul{
                    height: 35px;
                    line-height: 35px;                
                    &>li{
                        margin-right: 20px;
                        height: 35px;
                        line-height: 35px;                       
                        &>a{
                            color: rgb(102, 102, 102);
                            display: block;
                            height: 35px;
                            line-height: 35px;
                        }
                    }
                    &>li:nth-child(1){
                        a{
                            color: rgb(153, 153, 153);
                            width: 70px;
                            // text-align: justify;
                        }
                    }
                   &>li.active{
                       a{
                            color: rgb(52, 152, 219);
                       }                       
                   }
                }
                &>ul.major{
                     &>li.show{
                         &>a{
                            border: 1px solid rgb(52, 152, 219);
                            border-radius: 25px;
                            padding: 0 10px;
                            font-size: 12px;
                        }
                    }
                    &>li.majorSelect{
                            width: 950px;
                        &>div{
                            width: 950px;
                            height: 35px;
                            overflow: hidden;
                            text-align: justify;
                            a{
                                display: block;
                                margin-right: 20px;
                            }
                        }
                    }
                }
            }
        }
        &>.school-choose{
            padding: 30px 57px 50px;
            border: 1px solid rgb(230, 230, 230);
            border-radius: 3px;
            background-color: rgb(255, 255, 255);
            &>ul{
                &>li{
                    margin-right: 13px;
                    margin-bottom: 30px;
                    &>a{
                        display: block;
                        width: 270px;
                        height: 235px;
                        border:1px solid rgb(240, 240, 240);
                        border-radius: 3px;
                        &>img{
                            display: block;
                            width: 100%;
                            height: 173px;
                        }
                        &>div{
                            padding:0 10px;
                            P{
                                height: 30px;
                                line-height: 30px;
                                font-size: 16px;
                                margin: 0;
                            }
                            p:nth-child(1){   
                                color: rgb(51, 51, 51);
                            }
                            p:nth-child(2){                           
                                color: rgb(158, 158, 158);                               
                            }
                        }
                    }
                }
            }
        }
    }
}
.bottom-imgbox{
    background-color: rgb(247, 248, 248);
    &>.container{
         width: @contentWidth;        
         &>.bottom-img{
            width: 100%;
            height: 570px;
            margin-top: 30px;
            background-color: rgb(225, 238, 245);
            background: url('../images/bottomimg.jpg') center center no-repeat;           
            margin-bottom: 50px;
            position: relative;
            h1{
                color: rgb(255, 255, 255);
                width: 160px;
                height: 40px;
                line-height: 40px;
                position: absolute;
                margin: 0;
                top: 250px;
                left: 180px;
            }
        }
    }
}
.specific-school{
    margin-top: 30px;
    margin-bottom: 45px;
    &>.container{
         &>.panel{
             &>.panel-heading{
                font-size: 30px;
                padding: 20px 40px;
                background-color: rgb(81, 156, 234);
                color: rgb(255, 255, 255);
            }
             &>.panel-body{
                 padding: 0;
                  &>ul{
                       &>li{                          
                           margin-top: 50px;
                           color: rgb(51, 51, 51);                         
                           &>h3{
                               width: 100%;
                                height: 25px;
                                line-height: 25px;
                                border-left: 5px solid rgb(52, 152, 219);
                                padding-left: 34px;
                                margin-bottom: 30px;
                           }
                           &>div.introduction{
                               padding: 0 40px;
                               line-height: 30px;
                               font-size: 16px;
                           }
                           &>ul.profession{
                               padding: 0 40px;
                               margin-top: 30px;
                               &>li:nth-child(1){
                                   font-size: 18px;

                               }
                               &>li:nth-child(2){
                                   font-size: 16px;
                                   margin-top: 10px;
                               }
                           }
                           &>ul.notes{
                               padding: 0 40px;
                                &>li{
                                    margin-bottom: 30px;
                                    &>p{
                                        font-size: 18px;
                                        // margin-bottom: 30px;
                                    }
                                    &>ul{
                                        &>li{
                                            font-size: 16px;
                                            color: rgb(51, 51, 51);
                                            line-height: 30px;
                                        }
                                    }
                                }
                           }
                       }
                  }
             }
        }
    }
}

// 分校首页不一样的地方补充
// 十大热门专业
.popular-professional{
    background-color: rgb(247, 248, 248);
    &>.container{
        width: @contentWidth;
        padding: 0;
        &>h1{
            text-align: center;
            margin: 130px 0 50px;
        }
        &>.classification{
            width: 100%;
            height: 260px;
            padding: 30px 34px;
            border: 1px solid rgb(233, 233, 233);
            background-color: rgb(255, 255, 255);
            margin-bottom: 120px;
            &>li{
                &>a{
                    display: block;
                    width: 255px;
                    height: 104px;
                    line-height: 104px;              
                    em{
                        display: inline-block;
                        vertical-align: middle;
                        margin-right: 18px;
                        margin-left: 72px;
                    }
                    span{
                        font-size: 18px;
                    }
                }
            }
            &>li:nth-child(1){
                &>a{
                    width: 221px;
                    border-bottom: 1px solid rgb(233, 233, 233);
                    border-right: 1px solid rgb(233, 233, 233);
                    em{
                        width: 40px;
                        height: 36px;
                        background: url('../images/classification.png') 0 0 no-repeat;
                        margin-left: 46px;
                    }
                }               
            }
            &>li:nth-child(2){
                &>a{                  
                    border-bottom: 1px solid rgb(233, 233, 233);
                    border-right: 1px solid rgb(233, 233, 233);
                     em{
                        width: 43px;
                        height: 36px;
                        background: url('../images/classification.png') 0 -52px no-repeat;
                    }
                }               
            }
            &>li:nth-child(3){
                &>a{                    
                    border-bottom: 1px solid rgb(233, 233, 233);
                    border-right: 1px solid rgb(233, 233, 233);
                     em{
                        width: 36px;
                        height: 36px;
                        background: url('../images/classification.png') 0 -108px no-repeat;
                    }
                }               
            }
            &>li:nth-child(4){
                &>a{    
                    border-bottom: 1px solid rgb(233, 233, 233);
                    em{
                        width: 36px;
                        height: 36px;
                        background: url('../images/classification.png') 0 -164px no-repeat;
                    }
                }               
            }
            
            &>li:nth-child(5){
                 &>a{
                    width: 221px;
                    border-bottom: 1px solid rgb(233, 233, 233);
                    border-left: 1px solid rgb(233, 233, 233);
                    em{
                        width: 38px;
                        height: 36px;
                        background: url('../images/classification.png') 0 -223px no-repeat;
                    }
                }                
            }
             &>li:nth-child(6){
                &>a{                  
                    width: 221px;
                    border-right: 1px solid rgb(233, 233, 233);
                    em{
                        width: 46px;
                        height: 36px;
                        background: url('../images/classification.png') -57px 0 no-repeat;
                        margin-left: 46px;
                    }
                }               
            }
            &>li:nth-child(7){
                &>a{               
                    border-right: 1px solid rgb(233, 233, 233);
                    em{
                        width: 36px;
                        height: 36px;
                        background: url('../images/classification.png') -57px -52px no-repeat;
                    }
                }               
            }
            &>li:nth-child(8){
                &>a{                
                    border-right: 1px solid rgb(233, 233, 233);
                   em{
                        width: 40px;
                        height: 36px;
                        background: url('../images/classification.png') -57px -102px no-repeat;
                    }
                }               
            }
             &>li:nth-child(9){
                &>a{                    
                    border-right: 1px solid rgb(233, 233, 233);
                    em{
                        width: 50px;
                        height: 36px;
                        background: url('../images/classification.png') -57px -161px no-repeat;
                    }
                }               
            }
            &>li:nth-child(10){
                &>a{
                    width: 221px;
                     em{
                        width: 36px;
                        height: 36px;
                        background: url('../images/classification.png') -57px -219px no-repeat;
                    }
                   
                }               
            }
        }
    }
}
.admissions{
    margin-bottom: 70px;
    .container{
        width: @contentWidth;
        padding: 0;
        &>h1{
            text-align: center;
            margin-top: 60px;
            margin-bottom: 45px;
        }
        &>ul{
            height: 180px;
            overflow: hidden;
            li{             
                a{
                    display: block;
                    width: 180px;
                    height: 180px;
                    img{
                        display: block;
                        width: 180px;
                        height: 180px;
                    }
                }
            }
        }
    }
}

// 固定定位的小图标
.fixed-icon{
    position: fixed;
    right: 25px;
    top: 750px;
    ul{
        li{
            width: 50px;
            height: 50px;
            margin-bottom: 6px;
                background-color: rgb(66, 165, 246);
            a{
                display: block;
                width: 50px;
                height: 50px;               
            }
        }
        li:nth-child(1){
            a{
                background: url('../images/fixedicon.png') 9px 10px no-repeat;
            }
        }
        li:nth-child(2){
            a{
                background: url('../images/fixedicon.png') 9px -45px no-repeat;
            }
        }
        li:nth-child(3){
            a{
                background: url('../images/fixedicon.png') 9px -123px no-repeat;
            }
        }
    }
}

//首页的学生天地
.studentSky{
    .styleSelect{
        border-bottom:1px solid #e5e5e5;
        margin-bottom:50px;
        .styleSelectBox{
            width:420px;
            margin:0 auto;
            margin-bottom:30px;
            .styleSelectItem{
                width:120px;
                height:40px;
                margin:0 10px;
                line-height:40px;
                text-align:center;
                cursor: pointer;
                &.active{
                    a{
                        display: block;
                        background:@mainColor;
                        color:#fff;
                        border-radius:5px;
                    }
                   
                    i{
                        display:block;
                        width:10px;
                        margin:0 auto;
                        border:10px solid transparent;
                        border-top-color:@mainColor;
                    }
                    b{
                        display:block;
                        width:15px;
                        height:15px;
                        border:2px solid @mainColor;
                        border-radius:50%;
                        margin:0 auto;
                        position:relative;
                        top:3px;
                        background:#fff;
                    }
                } 
            }
        }
        
    }
    &>ul{
        width: @contentWidth;
        margin: 0 auto;
        height: 300px;
        overflow: hidden;
        li{
            width: @contentWidth/3;
            height: 300px;
            a{
                display: block;
                width: @contentWidth/3;
                height: 300px;
                .top-img{
                    img{
                        display: block;
                        // width: 260px;
                        // height: 140px;
                        margin: 0 auto;  
                    }
                }
                p{
                    text-align: center;
                    padding: 10px;
                     i{
                        display:inline-block;
                        width:10px;
                        height:10px;
                        border-radius:5px;
                        background:@mainColor;
                        margin:0 5px;
                    }
                }
                .bottom-text{
                    padding: 0 40px 10px;
                    font-size: 12px;
                    height: 100px;
                    overflow: hidden;
                }
            }
        }
    }
}
.studentZone{
    .container{
        width: @contentWidth;
        padding: 0;
        ul.title{
            &>li{
                margin-right: 30px;
                height: 32px;
                line-height: 32px;
                a{
                    display: block;
                    width: 112px;
                    height: 32px;
                    line-height: 32px;
                    font-size: 16px;
                    border: 1px solid transparent;
                    border-radius: 25px;
                    text-align: center;
                    text-decoration: none;
                }
            }
            &>li.active{
                a{
                    border: 1px solid #4E99DA;
                }
            }
            &>li:nth-child(1){
                font-size: 24px;
                margin-right: 50px;
            }
        }
        &>.stu-box{
            // height: 800px;
             &>.dynamic-box{
                width: 960px;
                height: 800px;
                margin-right: 50px;
                 &>.dynamic{
                    width: 960px;
                    // height: 800px;                
                    &>ul.student-activity,&>ul.student-style{
                        margin-bottom: 50px;
                        height: 800px;
                        &>li{
                            padding: 18px;
                            border: 2px solid transparent;
                            border-bottom-color:  #E6E6E6;
                            height: 160px;
                            &>a{
                                display: block;
                                &>div.left-img{
                                    &>img{
                                        display: block;
                                        width: 160px;
                                        height: 120px;                               
                                    }
                                }
                                &>div.right-detail{
                                    width: 740px;
                                    margin-left: 20px;
                                    &>p{
                                        height: 25px;
                                        &>span:nth-child(1){
                                            display: inline-block;
                                            padding: 6px 10px;
                                            background-color: rgb(52, 152, 219);
                                            border-radius: 3px;
                                            color: rgb(255, 255, 255);
                                            font-size: 12px;
                                        }
                                        &>span:nth-child(2){
                                            margin-left: 10px;
                                            color: rgb(51, 51, 51);
                                            font-size: 18px;
                                        }
                                        &>span:nth-child(3){
                                            display: inline-block;
                                            padding-left: 24px;
                                            height: 25px;
                                            line-height: 25px;
                                            background: url('../images/clock.png') 0px 5px no-repeat;
                                            font-size: 12px;
                                            width: 148px;
                                        }
                                    }
                                    &>div{
                                        line-height: 26px;
                                        color: rgb(105, 105, 105);
                                        height: 100px;
                                        overflow: hidden;
                                    }
                                }  
                            }
                            
                        }
                        &>li:hover{
                            border: 2px solid rgb(52, 152, 219);
                        }
                    }
                    a.look-more{
                        background-color: #F0F0F0;
                        color: #4E99DA;
                        height: 45px;
                        line-height: 45px;
                        padding: 0;
                    }
                }
            }
           
            .still{
                width: 270px;
                height: 895px;
                &>ul{          
                    &>li{
                        margin-bottom: 30px;
                        &>a{
                            display: block;
                            width: 270px;
                            height: 90px;
                            line-height: 90px;
                            text-align: center;
                            background-color: #4E99DA;
                            font-size: 24px;
                            color: #FFF;
                            border-radius: 5px;
                            &>em{
                                display: inline-block;
                                width: 32px;
                                height: 30px;
                                background: url('../images/homeicon.png') 0px 0px no-repeat;
                                vertical-align: middle;
                                margin-right: 20px;
                            }
                        }
                    }
                    &>li:nth-child(2){
                        &>a{
                            &>em{
                                background: url('../images/homeicon.png') 0px -48px no-repeat;
                            }
                        }
                    }
                    &>li:nth-child(3){
                        &>a{
                            &>em{
                                background: url('../images/homeicon.png') 0px -100px no-repeat;
                            }
                        }
                    }
                    &>li:nth-child(4){
                        &>a{
                            &>em{
                                background: url('../images/homeicon.png') 0px -155px no-repeat;
                            }
                        }
                    }
                    &>li:nth-child(5){
                        &>a{
                            &>em{
                                background: url('../images/homeicon.png') 0px -207px no-repeat;
                            }
                        }
                    }
                    &>li:nth-child(6){
                        &>ul{
                            background-color: #F6F6F6;
                            padding: 15px 10px;
                            &>li:nth-child(1){
                                font-size: 22px;
                                margin-bottom: 15px;
                            }
                            &>li:nth-child(2){
                                font-size: 22px;
                                color: #4E99DA;
                                margin-bottom: 15px;
                                &>em{
                                    display: inline-block;
                                    width: 42px;
                                    height: 34px;
                                    vertical-align: middle;
                                    background: url('../images/homeicon.png') 0px -266px no-repeat;
                                    margin-right: 10px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}






